Cerulean Courtyard color palette — #DFF4F1 · #4097AC · #005168 · #002B2F · #00050A
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#DFF4F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#4097AC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005168): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#002B2F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00050A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Courtyard 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
- Muted Denim color palette (#FCECE3, #559BAD, #004F75, #00302A, #000F38)
- Lagoon Studio color palette (#D5E6E2, #2D8883, #004547, #002019, #000202)
- Ancient Navy color palette (#D3E8E8, #5F8EBD, #00449A, #00293D, #00001E)
- Patina Cobalt color palette (#D3E9F7, #73A7D3, #5676BE, #00414F, #000A13)
- Cerulean Market color palette (#E8F5F3, #ABCDE1, #4085A5, #005A65, #01233A)
- Airy Aubergine color palette (#D2EDFE, #006581, #730C83, #002F3D, #070009)
- Lowlit Aubergine color palette (#D6ECF6, #005169, #480F96, #003923, #000102)
- Midnight Chestnut Corridor color palette (#E4F1E6, #785D08, #483100, #251400, #020200)
Browse the whole catalog at Explore, or see today's palette.