Eclipse Petrol color palette — #DCF2FF · #007490 · #082957 · #001B28 · #020810
A conversation between Teal and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#DCF2FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007490): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#082957): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#001B28): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#020810): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Eclipse Petrol 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
- Twilit Sapphire Alley color palette (#D3E5FA, #0067C5, #2C2151, #031831, #050913)
- Patina Lagoon color palette (#CDE3F1, #0094BB, #1D4A65, #0A2A3A, #071319)
- Turquoise Loft color palette (#D5F0E2, #00B1DE, #476A8D, #2C493B, #0A150C)
- Violet Hollow color palette (#EFF1FC, #886BBA, #40384D, #262832, #15141A)
- Inked Pier color palette (#DFEDFF, #004388, #17141D, #120033, #00030B)
- Cornflower Lantern color palette (#DEEDFF, #017CF1, #9F6300, #646500, #163152)
- Shadow Drift color palette (#E8E8FD, #653900, #450064, #270E1C, #0D0006)
- Grape Loft color palette (#DCE3FA, #6100E3, #36003B, #0E032C, #04030D)
Browse the whole catalog at Explore, or see today's palette.