Denim Courtyard color palette — #F4F7EC · #71A97D · #155FA5 · #006029 · #201321
Built around Peacock, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7EC): bright and airy, almost weightless.
- Jade (#71A97D): A luminous, balanced teal — the color of sea glass.
- Peacock (#155FA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006029): A full-bodied, balanced teal — the color of sea glass.
- Ink (#201321): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
Use it as a design system
One click turns 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
- Weathered Fern Cabin color palette (#F6F6EA, #7FA85E, #006883, #355C00, #061D13)
- Denim Grove color palette (#F0F8EE, #50AC9E, #5950A0, #005D53, #24111D)
- Weathered Coast color palette (#E5F6F7, #10BA98, #007182, #006451, #00080D)
- Tempered Studio color palette (#E9F6E9, #00A3A3, #4800E3, #005152, #0D0B2F)
- Chalky Corridor color palette (#ECF9F2, #00B2E3, #981AB2, #005F7B, #29122F)
- Hushed Boulevard color palette (#FFEADA, #389A7A, #006481, #643000, #003936)
- Weathered Grove color palette (#F1F8EC, #5DCBAF, #0090A6, #00856D, #0C1C13)
- Garnet Lantern color palette (#F1F4E2, #3E8A42, #2D5195, #73000C, #013607)
Browse the whole catalog at Explore, or see today's palette.