Cobalt Courtyard color palette — #FEF3EA · #D09F7D · #7CA97B · #557DAA · #423C37
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FEF3EA): a clean, paper-quiet neutral.
- Camel (#D09F7D): A luminous, dusty gold — the color of afternoon light on wheat.
- Moss (#7CA97B): A luminous, balanced green — the color of new leaves after rain.
- Slate (#557DAA): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#423C37): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Cobalt Harbor color palette (#F7F6E9, #9DB57B, #5EA4A0, #6C75AF, #3E3E36)
- Wandering Field color palette (#FCF4EC, #C09366, #648F53, #5069A4, #37312C)
- Aged Lagoon color palette (#FFF2EF, #D598A2, #AA9B63, #008C8E, #4C3733)
- Ancient Study color palette (#FEF3E9, #E5AEA8, #9C9459, #7064A2, #4D4641)
- Timeworn Shell Bloom color palette (#FDF1FC, #FFA8A9, #75B9D5, #6088A0, #392D38)
- Wandering Apricot Courtyard color palette (#FFF2EC, #FFA997, #7CC6BF, #769FBB, #642A05)
- Antique Taupe Field color palette (#FAF4EF, #DADBD4, #A9B9B2, #C68C67, #57514C)
- Coral Summit color palette (#FBF3F1, #F8C1C1, #77AA7E, #CF686D, #2D2F28)
Browse the whole catalog at Explore, or see today's palette.