Tempered Pier color palette — #FFF0FA · #DC6C51 · #5D6C00 · #004145 · #0D0030

Coral Clay and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Coral Clay (#DC6C51): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#5D6C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004145): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0D0030): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Amber Delta color palette (#FFF0F7, #DC7011, #007830, #003B61, #1D0015)
• Gentle Apricot color palette (#FFF0F8, #ED8755, #5D8437, #005364, #240B3D)
• Muted Field color palette (#F9F2FF, #DA5EA6, #7E5D00, #00423B, #0A0033)
• Sunlit Atelier color palette (#FFEDF4, #B66000, #005F1A, #00283C, #040005)
• Eclipse Bloom color palette (#E5F2E6, #875E00, #004736, #000F3F, #040001)
• Ancient Bloom color palette (#F3DCD0, #B7310A, #2D5200, #003346, #370336)
• Feathered Lagoon color palette (#E7FCEA, #BA8800, #007464, #252489, #200007)
• Muted Onyx color palette (#FFEAF8, #E0B897, #8D885C, #2F6772, #10304F)

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