Tempered Pine color palette — #F8F4EE · #C1DEBE · #30A7B4 · #007F5D · #004252
Built around Teal, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F4EE): a clean, paper-quiet neutral.
- Celadon Mist (#C1DEBE): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#30A7B4): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007F5D): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#004252): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Pine 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 Studio color palette (#FBF4EA, #B9DECE, #669ACC, #007A87, #293A5B)
- Antique Bloom color palette (#E9E3D9, #56A0A2, #006372, #003D2F, #000B12)
- Weathered Cerulean Courtyard color palette (#FBF3F1, #B3CDB0, #0086A1, #2E602A, #104439)
- Aged Sky Harbor color palette (#F9F2FA, #B5EBF8, #64C0DB, #689B66, #223D56)
- Timeworn Petrol color palette (#ECE6DB, #97BC9D, #00829B, #005B4C, #002332)
- Cerulean Meadow color palette (#F8F5EF, #CBE7EB, #97B2E0, #4592AA, #624A5B)
- Dusty Cornflower color palette (#FDF4E5, #8DD5FE, #008FF4, #00707E, #142C6E)
- Wisteria Chapel color palette (#FFD9E0, #B97AC3, #AE8015, #008890, #431E27)
Browse the whole catalog at Explore, or see today's palette.