Tempered Cobalt Courtyard color palette — #F7F1E7 · #A3D3C3 · #4B7DBD · #005969 · #30152C
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F7F1E7): a clean, paper-quiet neutral.
- Pistachio (#A3D3C3): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#4B7DBD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005969): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Indigo (#30152C): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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
- Weathered Cerulean color palette (#F5F1EB, #97D3DF, #0088AF, #005C56, #00271E)
- Wandering Cobalt Lagoon color palette (#FFF1F6, #A5CAE8, #5975BC, #00605C, #333759)
- Timeworn Ash Thicket color palette (#F5F1EB, #C4E6E8, #76A0CB, #3B757F, #432E40)
- Worn Cerulean Boulevard color palette (#F8EEDF, #3498AC, #00516B, #002C29, #00050C)
- Crimson Summit color palette (#E2EDDE, #00A899, #D13D60, #00635A, #390513)
- Weathered Navy color palette (#EFE6D9, #4A7DA9, #00308E, #001E27, #01000B)
- Weathered Jade color palette (#D1EED5, #36B081, #007464, #00514F, #002B2F)
- Ancient Thicket color palette (#E5F8E5, #9CEAFD, #79B4EA, #3E7F63, #162A19)
Browse the whole catalog at Explore, or see today's palette.