Tempered Pine color palette — #F4ECF4 · #8ECECA · #00A2C4 · #10841B · #00213C
Built around Olive Leaf, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Blush (#F4ECF4): a clean, paper-quiet neutral.
- Mint Leaf (#8ECECA): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#00A2C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#10841B): A full-bodied, vivid green — the color of new leaves after rain.
- Midnight (#00213C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Hushed Azure Atelier color palette (#EDE1E9, #8ACBE2, #5096DE, #007F69, #19144C)
- Worn Petrol Pier color palette (#F1E9DC, #7BBFBC, #008491, #005C43, #00242E)
- Timeworn Boulevard color palette (#FFF0F9, #ACE3FB, #6BADFF, #009A85, #2E236F)
- Airy Canyon color palette (#FAF2FA, #B0F3F4, #30C7F9, #19AC54, #19406F)
- Tempered Crimson Canyon color palette (#F0DAF0, #E5757D, #00A3A3, #D1003F, #002020)
- Tempered Spruce Thicket color palette (#FAE5E0, #45AFAD, #00627A, #003D0D, #000B1B)
- Feathered Indigo color palette (#EEDDE2, #7EA5C7, #5968CE, #005D5F, #100021)
- Rose Balcony color palette (#FFE9EA, #DC5B71, #0093AB, #336FA0, #290009)
Browse the whole catalog at Explore, or see today's palette.