Quiet Pier color palette — #EEE1F9 · #30E2FC · #F2B100 · #374A3A · #242B25

Saffron and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#EEE1F9): A whisper-light, dusty violet — the color of wild irises.
• Ice Blue (#30E2FC): A whisper-light, balanced blue — the color of deep harbor water.
• Saffron (#F2B100): A luminous, vivid gold — the color of honey in a jar.
• Deep Olive (#374A3A): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#242B25): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Quiet 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

• Softworn Glacier color palette (#EEEDFC, #2CE9FC, #FFB65C, #605A54, #2C251C)
• Lime Archive color palette (#FBE8F2, #73DAFF, #BDC900, #2B473D, #24302B)
• Softworn Dune color palette (#EFE4F9, #76D0FF, #FC9423, #543836, #34282D)
• Chalky Seafoam Delta color palette (#EDECFF, #00ECBD, #FFA571, #553C4A, #2D2127)
• Tempered Courtyard color palette (#F0D9EB, #00C5E9, #B5A800, #343000, #041C11)
• Patina Mustard Ridge color palette (#EBFAEE, #E0C07E, #866F2F, #2B4B35, #19251D)
• Tempered Harbor color palette (#FFF1F2, #C4FFD3, #FEDA52, #41360A, #1F180A)
• Lime Hollow color palette (#EDD7E3, #9EC2FF, #60D400, #08423B, #152724)

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