Tempered Coast color palette — #F9F1DE · #7FB06B · #1B755E · #603A3A · #1D1E03

Built around Jade, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F1DE): A whisper-light, dusty gold — the color of old brass.
• Jade (#7FB06B): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#1B755E): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#603A3A): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#1D1E03): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Veranda color palette (#FDEFE5, #B89D59, #5B6D28, #5A3C49, #241A08)
• Emerald Cabin color palette (#F1EDD5, #47A273, #006260, #512845, #0E1500)
• Tempered Moss color palette (#F2E2CE, #959D00, #006F28, #433364, #161800)
• Dusty Cypress color palette (#F4F7E9, #70AA8B, #07745A, #1E5265, #2D3C00)
• Muted Driftwood Field color palette (#F9F1E4, #C9C59E, #778C4A, #6F5B62, #32312A)
• Peony Veranda color palette (#FCE2E2, #CC69AC, #008F83, #842F6B, #00221E)
• Weathered Lagoon Orchard color palette (#E1FCF5, #A7E0B3, #3A9E7F, #526384, #0B2E2C)
• Pewter Canyon color palette (#FFEDEC, #FFD1C5, #C4B17E, #77689A, #3B2117)

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