Tempered Pine color palette — #FBF3F0 · #CBE4CF · #5692B3 · #007546 · #34486B

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#CBE4CF): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#5692B3): A luminous, dusty blue — the color of open sky before noon.
• Pine (#007546): A full-bodied, balanced teal — the color of sea glass.
• Navy (#34486B): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, 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 Iris color palette (#FAF4ED, #C8E3DB, #7786C1, #007072, #5F3B4A)
• Dusty Basin color palette (#FAF4F0, #B1CDBC, #3C7DB5, #00624D, #2F3663)
• Ancient Cerulean color palette (#EEF4EF, #B8E5F5, #239DB9, #006E5E, #112F42)
• Aged Turquoise Bloom color palette (#F8F5EF, #BFE8E0, #4FB4CE, #398B7A, #304F43)
• Feathered Olive color palette (#F5F7E6, #82AD78, #B76AA8, #227A00, #5A3352)
• Onyx Courtyard color palette (#F9E8E0, #6399A6, #004E7A, #003123, #080346)
• Chalky Emerald Drift color palette (#F3DFBA, #A9B273, #579045, #006346, #004753)
• Antique Lagoon color palette (#FAF3F9, #BCF7FD, #89C7E7, #6EA782, #374961)

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