Pine Courtyard color palette — #DDF1E9 · #0B7C42 · #00403B · #3B002B · #000403
Pine and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DDF1E9): A whisper-light, dusty teal — the color of sea glass.
- Pine (#0B7C42): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00403B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#3B002B): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#000403): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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
- Aged Olive color palette (#DFF1E0, #637009, #00421D, #290F3D, #020300)
- Hushed Pine Market color palette (#C6E7DD, #297F2E, #00432B, #391800, #001501)
- Aubergine Archive color palette (#CDE8E5, #1E7E35, #50008A, #00340D, #05000F)
- Smoked Pier color palette (#F8E5EB, #5F5B00, #083401, #201000, #010100)
- Garnet Summit color palette (#CEF5E8, #405100, #700052, #540017, #010100)
- Tempered Studio color palette (#E6E3C5, #52A353, #005C3D, #461F00, #010100)
- Chalky Emerald color palette (#F8F0D0, #0D9D48, #006057, #532446, #001504)
- Worn Cypress color palette (#EAF5EF, #85AD7A, #00765F, #26503C, #03221E)
Browse the whole catalog at Explore, or see today's palette.