Tempered Denim Courtyard color palette — #EDEEDF · #8AAC90 · #00606D · #002B29 · #000102

Built around Peacock, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#EDEEDF): bright and airy, almost weightless.
• Sage (#8AAC90): A luminous, dusty teal — the color of sea glass.
• Peacock (#00606D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#002B29): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Denim 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

• Denim Meadow color palette (#EAECE2, #70AACB, #005A8B, #002A35, #000104)
• Timeworn Petrol color palette (#F6E4DB, #51B1B9, #0080A2, #006046, #000A17)
• Ancient Lagoon Orchard color palette (#DFF4F0, #1C919B, #00454F, #002221, #000B10)
• Cobalt Pier color palette (#F2F8E8, #A8D0F7, #337AD1, #004D6B, #000334)
• Softworn Aubergine color palette (#EFDEE1, #811893, #88020B, #003064, #030004)
• Shadow Cocoa color palette (#F3E3D8, #986543, #642600, #280400, #030100)
• Weathered Plum Balcony color palette (#F1DDE0, #9B3F9B, #794700, #4A004C, #020100)
• Tempered Sky color palette (#F5F7E8, #D5D9EA, #00C1ED, #00878D, #003B50)

Browse the whole catalog at Explore, or see today's palette.