Cerulean Courtyard color palette — #FBF2F8 · #A7F6F9 · #00A2C6 · #006D4B · #002137
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Sea Foam (#A7F6F9): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#00A2C6): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006D4B): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002137): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Antique Azure color palette (#FEF1F8, #C4EDFF, #1896F4, #006A66, #111A41)
- Worn Sky Bloom color palette (#FAF2F8, #D5D4E2, #42B3E6, #00826A, #17304A)
- Misty Pier color palette (#FFF0F9, #83DAF6, #0081C4, #00524B, #01072D)
- Denim Field color palette (#F8E7F2, #67AEC0, #005B84, #002C25, #000106)
- Dusty Petrol Quarry color palette (#F5EDE1, #7FBEC1, #007588, #005142, #003345)
- Wandering Cornflower Boulevard color palette (#EFF6FF, #4C8FFA, #AF7400, #6C7100, #000A27)
- Mallow Canyon color palette (#F0F5FF, #E2D9E2, #FFA9DE, #0095BA, #19213D)
- Linen Balcony color palette (#FBE8EF, #77BFF4, #1753EB, #003D43, #030012)
Browse the whole catalog at Explore, or see today's palette.