Cerulean Courtyard color palette — #D8F8E2 · #7BBED4 · #4398B9 · #296585 · #173C31
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D8F8E2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#7BBED4): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#4398B9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#296585): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#173C31): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Aged Quarry color palette (#CDFAE6, #8AC5EC, #5A91BD, #345B84, #442C44)
- Dusty Lagoon Ridge color palette (#DEEFC9, #82C4AF, #37927F, #0C6B64, #2B422A)
- Muted Veranda color palette (#D3FCF0, #ADD3F6, #628CB3, #254F71, #00271E)
- Tempered Garden color palette (#E5F6F0, #7EBCE3, #BC89B3, #297AA5, #45272B)
- Aged Loft color palette (#E1F8F0, #6FA2C9, #9B80B5, #3E8776, #132D26)
- Frosted Archive color palette (#D6EEFC, #02A8F6, #006DB2, #00468F, #041C51)
- Tempered Ridge color palette (#E2F7F1, #F2D5D0, #D8B6AB, #658F7F, #403140)
- Weathered Indigo color palette (#DDE2FF, #A5A3EB, #7667B4, #5C4483, #321E43)
Browse the whole catalog at Explore, or see today's palette.