Cobalt Courtyard color palette — #FAF0E1 · #89DDFF · #008BCF · #006166 · #01234F
Cerulean and Ice Blue set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FAF0E1): A whisper-light, dusty gold — the color of old brass.
- Ice Blue (#89DDFF): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#008BCF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006166): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#01234F): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Hazy Cobalt Coast color palette (#FAF1E2, #74C7F1, #0076C1, #005059, #011544)
- Dusty Archive color palette (#F9F1E3, #90E0DF, #0093A4, #00654C, #002A37)
- Aged Cobalt color palette (#FFF0F8, #ACD5EE, #3184C8, #006762, #2E3D6B)
- Quiet Azure color palette (#EAF9F7, #AEE4FC, #3AA7DE, #008093, #04436A)
- Cerulean Basin color palette (#EEE3D3, #0D99BA, #004F72, #002C2C, #00040E)
- Teal Dune color palette (#C8FFF5, #00C5AF, #007C75, #00433C, #001613)
- Frosted Archive color palette (#E2F6DA, #00BD4B, #007E59, #004F40, #002C29)
- Soft Pier color palette (#E1FBD3, #7EF5FF, #54C4F4, #3C8A54, #132E14)
Browse the whole catalog at Explore, or see today's palette.