Tempered Coast color palette — #FEF4E3 · #906C00 · #266A30 · #044377 · #3C251E

Ochre and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Ochre (#906C00): A full-bodied, balanced gold — the color of honey in a jar.
• Pine (#266A30): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#044377): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#3C251E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Tempered 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

• Antique Olive Parlor color palette (#F9F5E4, #707C08, #006875, #314177, #352218)
• Olive Alley color palette (#FFF3E3, #C48764, #6F6D26, #43487B, #413C36)
• Hushed Bloom color palette (#F8F6E7, #798953, #41785F, #424E7D, #5A2600)
• Amber Basin color palette (#FFF3EA, #C2713D, #167361, #4F3A76, #462644)
• Rust Field color palette (#FFF2ED, #BB5A58, #52692B, #00513A, #3A2532)
• Hushed Aubergine color palette (#F1F8E7, #007A51, #005872, #540C51, #2B1E03)
• Bronze Studio color palette (#EFE3D0, #8F6B00, #33322C, #271D0D, #0F0D07)
• Navy Meadow color palette (#FEF4CD, #596000, #004B2A, #0A008F, #320002)

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