Cobalt Courtyard color palette — #EBFBE5 · #009786 · #356CB3 · #5C5300 · #1C1F03
A conversation between Slate and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EBFBE5): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#009786): A luminous, balanced teal — the color of sea glass.
- Slate (#356CB3): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#5C5300): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#1C1F03): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Feathered Indigo Boulevard color palette (#E5FCEF, #0092AF, #765BAC, #2B5E17, #142510)
- Tempered Sapphire color palette (#EBFAEC, #12ADB2, #3C63BF, #6A3500, #001102)
- Soft Grape Loft color palette (#D6FEDF, #0093A1, #5C2BE7, #365800, #001D16)
- Misty Canyon color palette (#F8F7DF, #7A9600, #007B80, #763A1A, #271B03)
- Muted Turquoise color palette (#ECF3CD, #00B5CD, #0B82B0, #60487B, #143926)
- Lagoon Veranda color palette (#F0F7F1, #C9DFDC, #A7C6C5, #478D92, #333E35)
- Byzantium Drift color palette (#D9FFF5, #008BE5, #AA3BA8, #00634B, #002916)
- Quiet Aubergine color palette (#EFF9EA, #007E6B, #6C1F74, #5D1400, #242001)
Browse the whole catalog at Explore, or see today's palette.