Tempered Pine Coast color palette — #F8F6E4 · #7BB475 · #007D51 · #0A5D5B · #22441E
Teal and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#7BB475): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007D51): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#0A5D5B): A full-bodied, dusty teal — the color of sea glass.
- Forest (#22441E): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Pine Coast 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
- Hushed Olive Canyon color palette (#FFF3E2, #ACA65E, #5F7322, #1C596D, #403C12)
- Airy Ridge color palette (#F3ECC9, #72A162, #006C3E, #114082, #1A360F)
- Lagoon Orchard color palette (#E6FCEC, #ADC48E, #2F9C6E, #007590, #2F4208)
- Antique Jade color palette (#E7FAF4, #A2E29B, #1DC282, #399A96, #05443F)
- Aged Olive Dune color palette (#F6F6EE, #BEC4A9, #708C4C, #735E6F, #495304)
- Sunlit Ridge color palette (#FDF4E5, #8DDDEA, #008DB0, #00675E, #004567)
- Olive Alley color palette (#EEE3D3, #847D1C, #3B4C00, #003444, #1E1B00)
- Inked Forest Field color palette (#E0E2CE, #006F47, #00332B, #120A40, #000803)
Browse the whole catalog at Explore, or see today's palette.