Frosted Pier color palette — #F7EBE1 · #A75600 · #007094 · #4347B5 · #040100
Indigo and Ochre set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F7EBE1): a clean, paper-quiet neutral.
- Ochre (#A75600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Peacock (#007094): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Indigo (#4347B5): A full-bodied, vivid violet — the color of wild irises.
- Black (#040100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Frosted 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
- Grape Summit color palette (#EBDCCE, #9C5F00, #006CA4, #7B12B6, #040100)
- Tempered Alley color palette (#F3DACF, #CA2022, #00747A, #4D3AC4, #070000)
- Airy Lapis color palette (#F8E8D9, #9F5800, #4F3DE0, #830040, #040100)
- Timeworn Coast color palette (#E6E1EE, #008BB4, #977000, #191000, #030100)
- Frosted Alley color palette (#E1E1CA, #777200, #5937F1, #7F289B, #020200)
- Sapphire Bloom color palette (#E8E4D3, #B7A22C, #A14BB0, #4B59E7, #161200)
- Tempered Garnet Quarry color palette (#FEE0E9, #7B4C00, #2C5B00, #740035, #030100)
- Worn Corridor color palette (#EFE6CD, #AF7C00, #504B00, #181600, #030200)
Browse the whole catalog at Explore, or see today's palette.