Pine Courtyard color palette — #F4F6EE · #8DBC93 · #4171AA · #00742C · #2C1F2D
Built around Olive, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Mint Leaf (#8DBC93): A luminous, dusty green — the color of fresh herbs.
- Slate (#4171AA): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#00742C): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#2C1F2D): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Pine 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
- Washed Fern color palette (#F7F5EE, #ACB672, #007C91, #5E6600, #122A1C)
- Softworn Loft color palette (#F2F6F1, #B1C9A7, #7775B3, #007F70, #372931)
- Tempered Petrol Lantern color palette (#EAF4F5, #6FC7AE, #00839A, #007660, #001119)
- Dusty Byzantium color palette (#EBFAED, #22B7BE, #9425B2, #006267, #28122F)
- Antique Cerulean color palette (#F2F7EE, #71DBBE, #00A0BC, #05967A, #15291E)
- Washed Cocoa color palette (#FFF2EA, #62A88E, #0B7495, #7D3500, #30432E)
- Hazy Ultramarine Studio color palette (#EDF5E7, #00A685, #004CB3, #005341, #000F30)
- Tempered Lagoon Harbor color palette (#F3F6F1, #D4DCDA, #AEC4C5, #098773, #434A3F)
Browse the whole catalog at Explore, or see today's palette.