Tempered Pine Ridge color palette — #E6FAF9 · #CCE3E4 · #A2C5CA · #008F4E · #1E3837
Built around Fern, softened by Ash — the whole palette hums with nature and growth.
The five colors
- Ivory (#E6FAF9): A whisper-light, dusty teal — the color of glacier melt.
- Silver (#CCE3E4): A whisper-light, dusty teal — the color of sea glass.
- Ash (#A2C5CA): A luminous, dusty blue — the color of open sky before noon.
- Fern (#008F4E): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#1E3837): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Cypress Workshop color palette (#E5F1F5, #CADBE2, #A4BCC9, #008286, #1B3238)
- Olive Delta color palette (#E9FAF1, #D0E3DC, #A5C6BD, #817B00, #1C3A2D)
- Forest Archive color palette (#EEF7F6, #BED8DC, #8AADBB, #006E28, #163A37)
- Clover Corridor color palette (#F4F6ED, #C7E2D5, #98D0C5, #00B744, #32342D)
- Pine Lantern color palette (#D2F4EE, #6CC086, #008D61, #316A2A, #003819)
- Dusty Lagoon color palette (#D9EDF0, #008B7A, #004141, #001F24, #000A0B)
- Hushed Abyss color palette (#DEF0F2, #97A8AC, #728B93, #005144, #000C0E)
- Dusty Mint color palette (#D8FFF3, #00F08F, #00D4B5, #00A7A8, #00332D)
Browse the whole catalog at Explore, or see today's palette.