Cobalt Courtyard color palette — #FEF2ED · #AFCEB8 · #2280B5 · #006344 · #2C395B
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF2ED): a clean, paper-quiet neutral.
- Pistachio (#AFCEB8): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#2280B5): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006344): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2C395B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Hushed Forest Hollow color palette (#FFF2EF, #66CACB, #00799A, #005A23, #003264)
- Cerulean Harbor color palette (#ECF4ED, #A7CEDF, #0089AC, #005C54, #042338)
- Softworn Ridge color palette (#FAF4F0, #C3E5D6, #6C8BBE, #007268, #46416A)
- Patina Coast color palette (#F7ECE4, #8AB8D5, #4564AF, #00504C, #312354)
- Azure Atelier color palette (#FBF4EA, #BCDFC5, #00A5CE, #007D72, #184337)
- Patina Thicket color palette (#E8DCD6, #418C9E, #004067, #002318, #04002D)
- Hushed Villa color palette (#FBF3F1, #CFE3DF, #78A492, #467C5D, #614A5F)
- Denim Coast color palette (#EFE0D8, #82A993, #005A99, #003F32, #171153)
Browse the whole catalog at Explore, or see today's palette.