Cobalt Garden color palette — #E3F2F2 · #AAC8E7 · #5988C8 · #00668E · #162A5B
A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.
The five colors
- Cream (#E3F2F2): a clean, paper-quiet neutral.
- Sky (#AAC8E7): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#5988C8): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00668E): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#162A5B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt Garden into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Periwinkle Parlor color palette (#F3F7EC, #DADEFA, #5E93DF, #00638D, #0D1B41)
- Washed Cerulean Summit color palette (#E3F3F0, #94D0D8, #0096AE, #006C6A, #003442)
- Timeworn Periwinkle Loft color palette (#F6EDE3, #AED8FF, #86A1ED, #008EA1, #2E274D)
- Turquoise Villa color palette (#EBF9F6, #B7E2F7, #00ABD6, #008189, #004661)
- Tempered Ultramarine Study color palette (#FAEAEE, #8DB6DC, #415BCC, #004E59, #2E274D)
- Antique Petrol color palette (#DBECEB, #71AAC7, #006DA1, #004857, #001529)
- Feathered Coast color palette (#E5E4F2, #A865C7, #D73145, #006CB6, #2B1336)
- Violet Lantern color palette (#F2EFFF, #DCCEF3, #F08FB3, #9B5CBB, #4C2A45)
Browse the whole catalog at Explore, or see today's palette.