Obsidian Petrol Loft color palette — #CEF0F1 · #006877 · #003A4B · #001B2B · #040516
Built around Peacock, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#CEF0F1): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#006877): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003A4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001B2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#040516): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
Use it as a design system
One click turns Obsidian Petrol Loft 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
- Obsidian Boulevard color palette (#D5E9D9, #007048, #00392F, #001B19, #00060C)
- Dusty Station color palette (#CAEBE2, #008080, #00556D, #002C4C, #040026)
- Muted Cocoa color palette (#D6EEFF, #005977, #672900, #002433, #0F0300)
- Hushed Loft color palette (#DFEFF8, #728EB9, #6E5BA2, #00343E, #000F24)
- Eclipse Boulevard color palette (#E2F2FD, #004464, #620034, #222700, #000204)
- Deep Coast color palette (#CDE7D3, #625B1A, #382900, #1B0D00, #030400)
- Obsidian Drift color palette (#DCEDFD, #0052A4, #170094, #12003C, #0A001B)
- Wandering Cobalt color palette (#DAEFF5, #008DC4, #0067A0, #00397B, #351354)
Browse the whole catalog at Explore, or see today's palette.