Tempered Coast color palette — #FBF4EC · #B88F61 · #687926 · #00634D · #48403D

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

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Caramel (#B88F61): A luminous, dusty gold — the color of honey in a jar.
• Olive (#687926): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#00634D): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#48403D): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

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

• Hushed Pewter color palette (#FFF3E5, #D2C6B1, #989178, #69785C, #3A5049)
• Bronze Drift color palette (#FFF2EC, #CD8071, #8F6820, #475C20, #5A373B)
• Aged Coral Field color palette (#FEEEE8, #DB7D7A, #378262, #295646, #361E2E)
• Patina Amber color palette (#FFF0E2, #DFAE7D, #B87D25, #806126, #55514A)
• Olive Station color palette (#F7F2E2, #837900, #006534, #004348, #461F00)
• Washed Summit color palette (#F5F6E9, #699757, #00736B, #004E70, #3B3731)
• Weathered Loft color palette (#FBF2FB, #F29199, #6C9A69, #496C8F, #2F445A)
• Cypress Lagoon color palette (#F5F6EF, #CAE3DC, #57A7B0, #2A7E72, #44584B)

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