Cerulean Courtyard color palette — #FAF2F8 · #B3E5FA · #4894B8 · #306F5E · #334A63
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF2F8): bright and airy, almost weightless.
- Powder Blue (#B3E5FA): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#4894B8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#306F5E): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal (#334A63): A full-bodied, dusty blue — the color of open sky before noon.
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
- Antique Cerulean color palette (#F8EEF6, #BFE3F2, #5E95B7, #346B51, #1B2C48)
- Aged Petrol color palette (#FCF2F5, #DADEEE, #849ABC, #3E7981, #4B5267)
- Weathered Alley color palette (#F9F4ED, #C1EAE3, #74CBEC, #00AFA2, #224C68)
- Sunlit Mustard color palette (#E4FCED, #B99E00, #6A85D3, #76650F, #334166)
- Timeworn Lagoon color palette (#EDDAE7, #209290, #004451, #002412, #000B14)
- Chalky Cerulean Boulevard color palette (#FDE8F4, #009FC1, #004E79, #00302B, #000A41)
- Glacier Corridor color palette (#E3FDE9, #A2E5E4, #8ACBCF, #956D7E, #374E47)
- Soft Meadow color palette (#FFF0F7, #4BC6FC, #006DCA, #005656, #242A6A)
Browse the whole catalog at Explore, or see today's palette.