Cerulean Courtyard color palette — #F6F1E9 · #C8E6C6 · #459CA8 · #2F6B56 · #173326
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F6F1E9): bright and airy, almost weightless.
- Celadon Mist (#C8E6C6): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#459CA8): A luminous, balanced blue — the color of open sky before noon.
- Pine (#2F6B56): A full-bodied, dusty teal — the color of sea glass.
- Deep Forest (#173326): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Tempered Cerulean Summit color palette (#F6F1EA, #C2E6D3, #5595C0, #116B6F, #39233A)
- Wandering Cerulean color palette (#F3E9D9, #189CA6, #005264, #002C25, #00050A)
- Ancient Cerulean Study color palette (#F7F1E7, #92D4E0, #3387A4, #005C54, #00281E)
- Amber Market color palette (#FFF0D8, #B38500, #00909B, #815B85, #271C09)
- Turquoise Drift color palette (#EDF8F5, #C7DFF6, #5EB4BB, #3D8A7C, #244E5E)
- Marigold Archive color palette (#FFEFDB, #D5961C, #5490D6, #865B00, #0E2845)
- Misty Cornflower color palette (#F9F1E3, #A9D5FF, #4B7DE5, #005E77, #1E2047)
- Worn Cocoa Alley color palette (#FFEFDC, #BEAA72, #8C7048, #703E01, #29220C)
Browse the whole catalog at Explore, or see today's palette.