Tempered Pine color palette — #FAF2FA · #B3DDE7 · #4EA2BA · #4A7A47 · #1C3D5A

Olive takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Powder Blue (#B3DDE7): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#4EA2BA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#4A7A47): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#1C3D5A): 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

• Timeworn Lagoon Delta color palette (#FBF2F8, #C6EBFD, #74ABD5, #3C8B6D, #384864)
• Antique Bloom color palette (#FDF2F0, #BAF0F6, #27B8DA, #447F42, #00372D)
• Worn Studio color palette (#F8EAF2, #95CFE0, #368CD0, #006E56, #232954)
• Azure Field color palette (#D1E7FF, #3F9AEE, #A18700, #607C2B, #0F2D49)
• Ancient Study color palette (#F8F5EF, #B3CEB0, #1B8793, #006247, #004252)
• Lagoon Harbor color palette (#EEF6FF, #E4D4F1, #F3B3C9, #409C9E, #32415E)
• Ancient Spruce Coast color palette (#F1E3F0, #4DA2A2, #00627C, #003F14, #00091A)
• Soft Petrol Garden color palette (#F8EAF2, #59AECD, #2067B0, #004B3F, #11053E)

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