Pine Courtyard color palette — #F9E4D2 · #CF7000 · #007F26 · #004E6E · #3D0046
Built around Olive, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Parchment (#F9E4D2): A whisper-light, dusty gold — the color of old brass.
- Mustard (#CF7000): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#007F26): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#004E6E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#3D0046): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.
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
- Pale Amber color palette (#FFF1F7, #E27B00, #00813B, #00436A, #26001F)
- Quiet Navy Villa color palette (#F8E6C5, #AB8700, #007B65, #00409B, #450031)
- Rose Courtyard color palette (#FCE1D7, #F73A3B, #6F6D00, #005350, #150270)
- Worn Aubergine Parlor color palette (#EBE9D7, #648100, #005E68, #3B0084, #2A0007)
- Moss Coast color palette (#FFECDD, #BBA76C, #778D22, #006492, #242F75)
- Worn Atelier color palette (#FFE0D6, #CD003E, #00575A, #31008C, #340046)
- Dusty Atelier color palette (#EFF3DB, #007C25, #004B69, #40004B, #120300)
- Pale Aubergine color palette (#F3E8C6, #989000, #00787F, #5C00A8, #460B00)
Browse the whole catalog at Explore, or see today's palette.