Pine Courtyard color palette — #FFF4E2 · #A1A960 · #227305 · #004641 · #070800
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#A1A960): A luminous, balanced green — the color of fresh herbs.
- Olive (#227305): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004641): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#070800): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, 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
- Tempered Cypress color palette (#FBF6DD, #82B07E, #007156, #3C4000, #000B00)
- Tempered Moss color palette (#E9E1C8, #739B61, #005C3E, #003238, #000200)
- Emerald Canyon color palette (#DCF5EB, #96B274, #3A9600, #25754A, #121F00)
- Olive Coast color palette (#F1EDD6, #628617, #215100, #003319, #090800)
- Pine Study color palette (#FBF4E8, #B8C190, #4F864B, #51487C, #171B00)
- Tempered Onyx color palette (#EDE0D2, #8B7938, #364200, #08104E, #020100)
- Patina Mint Studio color palette (#FBF6DA, #8ED896, #009377, #006378, #002707)
- Indigo Thicket color palette (#FEF3E8, #A4D8CA, #526FE0, #00505B, #10002E)
Browse the whole catalog at Explore, or see today's palette.