Onyx Coast color palette — #F3D8D1 · #007564 · #00415D · #40000B · #000707
A conversation between Espresso and Teal, giving this palette its sense of trust and stability.
The five colors
- Shell Pink (#F3D8D1): A whisper-light, dusty orange — the color of sun-warmed clay.
- Teal (#007564): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#00415D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Espresso (#40000B): A deep, shadowed, balanced red — the color of late-summer berries.
- Ink (#000707): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Onyx Coast 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
- Antique Grove color palette (#F6E1D6, #007A24, #00444A, #3B0028, #000704)
- Shadow Navy Corridor color palette (#FDD7C8, #006264, #002C62, #270900, #000203)
- Moonless Drift color palette (#CAE8ED, #00675A, #520071, #360500, #080200)
- Sunlit Courtyard color palette (#FAE9CF, #007088, #2E2390, #2A1B00, #00060E)
- Softworn Cerulean color palette (#D1FAEB, #008DA0, #2B4C83, #4B2600, #1E0C00)
- Aubergine Studio color palette (#DEF0E2, #004E66, #220065, #100A00, #000104)
- Powdered Garnet color palette (#EEE2CA, #009487, #00627C, #69003D, #001B1C)
- Ultramarine Study color palette (#FFE9D6, #00909D, #1041C0, #4A2700, #00151E)
Browse the whole catalog at Explore, or see today's palette.