Tempered Pine Coast color palette — #EEF8F6 · #CFDCE1 · #9EB9BB · #34743A · #2F3E3C

Built around Olive, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF8F6): a clean, paper-quiet neutral.
• Silver (#CFDCE1): a clean, paper-quiet neutral.
• Ash (#9EB9BB): A luminous, dusty blue — the color of open sky before noon.
• Olive (#34743A): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#2F3E3C): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Ancient Cypress Corridor color palette (#E8F9FD, #B9D9E4, #7FAFC4, #006864, #20373C)
• Driftwood Canyon color palette (#F5F6EE, #CCE0D4, #B0C4BE, #6E8964, #3B3B33)
• Muted Pine color palette (#E9FAF6, #82A681, #007641, #3B532A, #133D39)
• Timeworn Abyss color palette (#DDE7E6, #A3BFC1, #649B8F, #005331, #072424)
• Cerulean Hollow color palette (#EFF7F9, #D6DAE1, #B4A9B3, #5F8998, #4D5456)
• Cellar Cypress color palette (#CAE5E7, #00745C, #002C33, #00181A, #000508)
• Tempered Lagoon color palette (#E4ECEF, #879EAB, #517590, #00313A, #000B12)
• Feathered Jade color palette (#E5FAFA, #92E394, #00B685, #008781, #003B40)

Browse the whole catalog at Explore, or see today's palette.