Onyx Pier color palette — #F4E7DF · #5B99AF · #004E7B · #00302C · #020A40
Built around Deep Indigo, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Parchment (#F4E7DF): a clean, paper-quiet neutral.
- Slate Blue (#5B99AF): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#004E7B): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#00302C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#020A40): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Onyx 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
- Nightshade Quarry color palette (#F2E5DA, #5397C4, #003BAF, #002F33, #12043E)
- Weathered Cerulean color palette (#DAEBE9, #0098BE, #00506E, #002B31, #00050B)
- Softworn Petrol color palette (#E0E3D6, #5FAECB, #006F98, #004953, #001625)
- Ancient Archive color palette (#E1E0FE, #C188C7, #CC486E, #004275, #240F33)
- Cerulean Lagoon color palette (#FEF2ED, #9BDBE3, #008CB5, #006951, #194268)
- Airy Sapphire Terrace color palette (#FFF3E8, #75C2EB, #006CD0, #005557, #26286C)
- Weathered Amethyst color palette (#EEE2FD, #824BCF, #48008B, #1A0037, #060010)
- Hushed Courtyard color palette (#F3E4D1, #7A6600, #4E3100, #321100, #0A0D00)
Browse the whole catalog at Explore, or see today's palette.