Cobalt Courtyard color palette — #FEF4E4 · #A7DBC9 · #4A82C2 · #006474 · #293B74
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
- Oat (#A7DBC9): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#4A82C2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006474): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#293B74): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Cobalt 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 Cerulean Field color palette (#F9F4ED, #ADD0B0, #00879D, #006150, #064056)
- Muted Drift color palette (#F9F4ED, #C2E6D2, #5D91B1, #007072, #573D59)
- Washed Alley color palette (#FCEFE4, #A3D7FA, #537CE4, #00625E, #2A1550)
- Petrol Basin color palette (#F5EDE2, #8EBCB1, #4164B1, #004D61, #262757)
- Worn Denim Grove color palette (#EDE1CE, #6497B2, #004C81, #002F35, #000943)
- Softworn Iris Corridor color palette (#FEF1F6, #BEE0FB, #7197F6, #00837E, #453072)
- Misty Powder Boulevard color palette (#EFF8F1, #D3DEFE, #7FBAFF, #00A2BA, #2B3C70)
- Dusty Lagoon color palette (#ECE2D1, #498C95, #004454, #00231E, #000B14)
Browse the whole catalog at Explore, or see today's palette.