Tempered Pine Ridge color palette — #D8E3D7 · #009051 · #006447 · #003C35 · #001B1A
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#D8E3D7): bright and airy, almost weightless.
- Fern (#009051): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#006447): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#003C35): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001B1A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Pine Ridge 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
- Frosted Emerald Grove color palette (#DDE4CE, #1BA521, #007F5F, #00534D, #00181E)
- Powdered Fern color palette (#E6E6C8, #6F8700, #2B6B00, #003D19, #00180D)
- Linen Jade Alley color palette (#DBEFDF, #00B981, #008C79, #005E5B, #00363A)
- Lagoon Market color palette (#D8F5F2, #00A197, #006058, #002C2B, #000504)
- Dusty Study color palette (#C4ECDF, #008C72, #AF1C7A, #005242, #230015)
- Timeworn Azure Alley color palette (#D8EBE8, #4ACAD8, #009FDE, #006E46, #001F20)
- Grape Loft color palette (#CBF6ED, #007769, #6F33B2, #6E3C00, #000A08)
- Hushed Turquoise Courtyard color palette (#C1EAEA, #00B6CA, #007F9D, #005378, #002F52)
Browse the whole catalog at Explore, or see today's palette.