Petrol Lagoon color palette — #CDE4F6 · #006891 · #704000 · #002F2A · #000103
A conversation between Peacock and Bronze, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDE4F6): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#006891): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#002F2A): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Lagoon 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
- Tempered Ultramarine Field color palette (#E5F1FF, #005EB6, #554F00, #002C3F, #000105)
- Muted Garnet color palette (#D6EAF3, #006C7B, #8F1800, #162F00, #000102)
- Sunlit Mulberry color palette (#CAE6FB, #006891, #890065, #2F2800, #000103)
- Weathered Cornflower Delta color palette (#E2EBF5, #268DFC, #93002D, #003B75, #040000)
- Olive Garden color palette (#E8F8FF, #00A4B6, #858300, #00606B, #001013)
- Nocturne Chapel color palette (#DBE3FD, #5929D4, #5F0B00, #001811, #010009)
- Lowlit Ridge color palette (#F5D9EC, #2F11BB, #453300, #261B00, #02001D)
- Misty Harbor color palette (#F8F2FF, #D2549F, #996E00, #00595B, #0D0217)
Browse the whole catalog at Explore, or see today's palette.