Petrol Harbor color palette — #CBE8F3 · #007480 · #614800 · #243900 · #00080A
A conversation between Teal and Bronze, giving this palette its sense of nature and growth.
The five colors
- Frost (#CBE8F3): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007480): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#614800): A full-bodied, balanced gold — the color of honey in a jar.
- Forest (#243900): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#00080A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Petrol Harbor 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
- Wandering Cocoa Loft color palette (#C9E6E7, #008161, #823800, #3E3100, #010800)
- Ultramarine Drift color palette (#E0EDFD, #0055B6, #1D4C00, #00342B, #000203)
- Pale Cerulean color palette (#EAF6FF, #008BBC, #676D00, #005726, #001D1E)
- Softworn Violet color palette (#E9EDFF, #875DD4, #00715D, #00505F, #03102F)
- Pine Summit color palette (#FFF1F6, #C37A00, #137C27, #005E55, #0B2432)
- Softworn Plum color palette (#ECFBE3, #B22993, #6E3900, #2A2200, #010100)
- Twilit Study color palette (#E9EDFF, #520FB4, #003C2D, #002228, #00010C)
- Ancient Courtyard color palette (#D4EEE6, #008CDA, #CC0031, #1A6E06, #000B08)
Browse the whole catalog at Explore, or see today's palette.