Tempered Pier color palette — #F0E5F6 · #DE4687 · #007FAD · #3B2BD0 · #0E0012
Built around Cobalt, softened by Hot Pink — the whole palette hums with trust and stability.
The five colors
- Blush (#F0E5F6): A whisper-light, dusty violet — the color of wild irises.
- Hot Pink (#DE4687): A luminous, vivid rose — the color of pressed rose petals.
- Cerulean (#007FAD): A full-bodied, balanced blue — the color of deep harbor water.
- Cobalt (#3B2BD0): A full-bodied, vivid violet — the color of wild irises.
- Ink (#0E0012): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged jewel, vibrant.
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
- Dusty Peony Balcony color palette (#EDE7F8, #CE45A9, #007F95, #0054BB, #0D011B)
- Grape Coast color palette (#EFE1EC, #D85251, #3663D4, #7807BF, #150008)
- Feathered Mulberry Bloom color palette (#FCE4F0, #D46700, #7C54D7, #8A0084, #110001)
- Raspberry Harbor color palette (#FFE7F2, #FA7923, #8262FF, #B700AA, #320006)
- Aged Ridge color palette (#FBF1FC, #EC96A3, #4FA0E7, #846FD3, #2E233B)
- Feathered Lantern color palette (#F3DEE6, #975100, #5D19AD, #670052, #070000)
- Feathered Plum Hollow color palette (#DBECDE, #BD8900, #AC57B2, #C20E60, #220B00)
- Feathered Aubergine color palette (#D8EBE0, #7D6D00, #005E52, #32007F, #0F0400)
Browse the whole catalog at Explore, or see today's palette.