Tempered Pine Canyon color palette — #FFF0D2 · #AFB974 · #008A58 · #005251 · #002A3B
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FFF0D2): A whisper-light, dusty gold — the color of honey in a jar.
- Sage (#AFB974): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008A58): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#005251): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#002A3B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Pine Canyon 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
- Lagoon Study color palette (#E5EEBA, #83C599, #00897E, #004F63, #002250)
- Timeworn Quarry color palette (#FFE0D2, #C9A95C, #668324, #005B39, #002729)
- Airy Mustard Archive color palette (#FFF1D4, #BCCB6D, #48AB7D, #007A77, #00465B)
- Gentle Jade Station color palette (#EDFDCA, #90F7DA, #4FB77F, #007D6C, #003D40)
- Muted Workshop color palette (#FFEAFE, #9BA448, #007B77, #633356, #022926)
- Aged Terrace color palette (#ECF4F1, #CEDBE1, #B0C0D1, #6E7D3C, #252E2B)
- Dusty Emerald Study color palette (#EDECCB, #15AF29, #007060, #003D46, #001127)
- Pine Bloom color palette (#DAEBEA, #008C48, #043744, #071919, #030805)
Browse the whole catalog at Explore, or see today's palette.