Eclipse Petrol color palette — #D3E7F1 · #006889 · #002E3F · #18171F · #000910
Built around Peacock, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Frost (#D3E7F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006889): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002E3F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#18171F): a grounded near-black with real depth.
- Ink (#000910): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Nocturne Ultramarine Cabin color palette (#DDEEFD, #0065BA, #002951, #000B1B, #040103)
- Timeworn Ultramarine color palette (#C9E3FF, #4294DF, #0054B1, #002B51, #00132B)
- Worn Cerulean color palette (#CEE6F6, #008BB0, #004A6D, #001C27, #000204)
- Raspberry Workshop color palette (#F5EED6, #D40063, #0064B6, #0C0C1A, #000206)
- Airy Coast color palette (#EDF7FF, #3FB9FF, #0072A8, #004162, #002744)
- Obsidian Chestnut Lagoon color palette (#E4F0FF, #785900, #21131A, #001235, #00020B)
- Lowlit Lapis color palette (#E5EAFF, #5C55D0, #1F0083, #1C0515, #070025)
- Shadow Hollow color palette (#D6EAD6, #6E5600, #3D2600, #1E0B00, #040300)
Browse the whole catalog at Explore, or see today's palette.