Ninja Turtle to Kimono color palette
About this palette
Ninja Turtle to Kimono is a 6-color muted palette: #92B1AC (Ninja Turtle), #4D8683 (Paradiso), #ECD4D9 (Summer Crush), #5D553C (Olive Bark), #403A2A (Batch Brew), #7487AC (Kimono). It mixes gray, turquoise, brown, blue tones and feels cool overall. The strongest text pairing is #ECD4D9 on #403A2A with a contrast ratio of 8.07:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Ninja Turtle | rgb(146, 177, 172) | hsl(170, 17%, 63%) | |
| Paradiso | rgb(77, 134, 131) | hsl(177, 27%, 41%) | |
| Summer Crush | rgb(236, 212, 217) | hsl(348, 39%, 88%) | |
| Olive Bark | rgb(93, 85, 60) | hsl(45, 22%, 30%) | |
| Batch Brew | rgb(64, 58, 42) | hsl(44, 21%, 21%) | |
| Kimono | rgb(116, 135, 172) | hsl(220, 25%, 56%) |
Accessible color pairs
Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.
- Aa8.07:1 #ECD4D9 on #403A2A
- Aa8.07:1 #403A2A on #ECD4D9
- Aa5.30:1 #ECD4D9 on #5D553C
- Aa5.30:1 #5D553C on #ECD4D9
- Aa4.90:1 #92B1AC on #403A2A
- Aa4.90:1 #403A2A on #92B1AC
- Aa3.22:1 #92B1AC on #5D553C
- Aa3.22:1 #5D553C on #92B1AC
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Ninja Turtle to Kimono — https://swatchly.xyz/palette/92b1ac-4d8683-ecd4d9-5d553c-403a2a-7487ac */
:root {
--ninja-turtle: #92b1ac;
--paradiso: #4d8683;
--summer-crush: #ecd4d9;
--olive-bark: #5d553c;
--batch-brew: #403a2a;
--kimono: #7487ac;
}
Tailwind CSS v4
/* Ninja Turtle to Kimono — https://swatchly.xyz/palette/92b1ac-4d8683-ecd4d9-5d553c-403a2a-7487ac */
@theme {
--color-ninja-turtle: #92b1ac;
--color-ninja-turtle-50: #ebfcf9;
--color-ninja-turtle-100: #e1f4f1;
--color-ninja-turtle-200: #cce3df;
--color-ninja-turtle-300: #b4ceca;
--color-ninja-turtle-400: #92b1ac;
--color-ninja-turtle-500: #76948f;
--color-ninja-turtle-600: #5a7873;
--color-ninja-turtle-700: #445f5b;
--color-ninja-turtle-800: #334a46;
--color-ninja-turtle-900: #253835;
--color-ninja-turtle-950: #142220;
--color-paradiso: #4d8683;
--color-paradiso-50: #dafbf8;
--color-paradiso-100: #caf0ed;
--color-paradiso-200: #aedbd8;
--color-paradiso-300: #91c4c1;
--color-paradiso-400: #6ba3a0;
--color-paradiso-500: #4d8683;
--color-paradiso-600: #366d6a;
--color-paradiso-700: #255755;
--color-paradiso-800: #184543;
--color-paradiso-900: #0f3635;
--color-paradiso-950: #072322;
--color-summer-crush: #ecd4d9;
--color-summer-crush-50: #fff4f7;
--color-summer-crush-100: #f9eaed;
--color-summer-crush-200: #ecd4d9;
--color-summer-crush-300: #d2bec2;
--color-summer-crush-400: #b39da2;
--color-summer-crush-500: #978186;
--color-summer-crush-600: #7b676b;
--color-summer-crush-700: #635054;
--color-summer-crush-800: #4d3d41;
--color-summer-crush-900: #3c2f32;
--color-summer-crush-950: #261c1e;
--color-olive-bark: #5d553c;
--color-olive-bark-50: #faf5e5;
--color-olive-bark-100: #f1ebd9;
--color-olive-bark-200: #ded7c2;
--color-olive-bark-300: #c8c1a9;
--color-olive-bark-400: #aaa187;
--color-olive-bark-500: #8e866b;
--color-olive-bark-600: #746c52;
--color-olive-bark-700: #5d553c;
--color-olive-bark-800: #49422e;
--color-olive-bark-900: #383322;
--color-olive-bark-950: #231f13;
--color-batch-brew: #403a2a;
--color-batch-brew-50: #f9f5ea;
--color-batch-brew-100: #efebdf;
--color-batch-brew-200: #ddd7c9;
--color-batch-brew-300: #c7c1b0;
--color-batch-brew-400: #a9a391;
--color-batch-brew-500: #8f8977;
--color-batch-brew-600: #76705e;
--color-batch-brew-700: #605a4a;
--color-batch-brew-800: #4e493a;
--color-batch-brew-900: #403a2a;
--color-batch-brew-950: #28251c;
--color-kimono: #7487ac;
--color-kimono-50: #f0f5ff;
--color-kimono-100: #e2ecff;
--color-kimono-200: #c9d8f6;
--color-kimono-300: #b0c2e4;
--color-kimono-400: #8fa2c7;
--color-kimono-500: #7487ac;
--color-kimono-600: #5a6c8f;
--color-kimono-700: #455675;
--color-kimono-800: #35425e;
--color-kimono-900: #27334a;
--color-kimono-950: #171f30;
}
Similar palettes
- E4D2E6A2ADC378869C3E634D3E3B2CSweet Dreams to Batch Brew
- 3E2D33455B3D567F869DB190F6D7DFSmoked Black Coffee to Lovely Breeze
- EEDCF098BBA46A89A57D644C4E3724Grape Taffy to Café Noir
- 2C3B265F453C5F828DAB9CB1D4AA93E6DAEAEverglade to Velvet Scarf
- 88829F98BBA1665E4039351FE4D5F8Mecha Metal to Scented Spring
- 3F30226A5B437E899BA1BCD1D0DDEACola to Blue Silk
- 91BFB24E452E1E22285C8577EDDCE0Seaborn to Homoeopathic Red
- 3B391F6F81A1546484E3C8BA4E4E3FCAAB99Graphite to Frappé