Tempered Pine color palette — #E8F5F5 · #82C4A2 · #397BAC · #00784F · #040F1A

Pine takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E8F5F5): bright and airy, almost weightless.
• Mint Leaf (#82C4A2): A luminous, balanced teal — the color of sea glass.
• Cerulean (#397BAC): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00784F): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#040F1A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Washed Alley color palette (#ECF3F6, #7FC0CA, #5D6FBA, #00727F, #070E1B)
• Tempered Olive color palette (#EAF5F2, #A2BE84, #008683, #4C7200, #001116)
• Gentle Coast color palette (#F6F6EC, #9ABA81, #5D63C0, #446D15, #2C1F28)
• Softworn Garden color palette (#B9F7E5, #73B8B5, #00889D, #004E6D, #00213F)
• Washed Garnet Meadow color palette (#E7F7EA, #5DACA6, #157598, #712945, #022732)
• Hazy Study color palette (#F3F6EF, #7EDBAD, #009FC1, #2A9669, #18281F)
• Airy Ultramarine color palette (#DDF2F6, #00AC9B, #0056B8, #005950, #00030F)
• Ancient Lagoon color palette (#ECF3F5, #D1D9E1, #B7BDC9, #008879, #232E30)

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