Petrol Terrace color palette — #D7FEFF · #BAE7F0 · #57C6CF · #00839D · #004A6A
Cerulean and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#D7FEFF): A whisper-light, dusty teal — the color of sea glass.
- Powder Blue (#BAE7F0): A whisper-light, dusty blue — the color of deep harbor water.
- Aqua (#57C6CF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#00839D): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004A6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Petrol Terrace 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
- Washed Sky color palette (#E5F9FF, #CCDDEA, #5DBEEF, #4D77A9, #293669)
- Antique Aqua Summit color palette (#D3FFFE, #00D0F2, #0089BA, #004282, #06004F)
- Patina Bloom color palette (#D6FFF8, #8FCDCA, #479297, #0A6B79, #005268)
- Worn Mint Study color palette (#DAFFEF, #9AE7E6, #7DC18A, #348970, #004441)
- Dusty Denim Summit color palette (#F0F7D0, #8FCEBA, #429798, #0E5D79, #002A4F)
- Wandering Drift color palette (#E8F9FE, #3EC4C7, #3B5969, #1D2E33, #091112)
- Tempered Dune color palette (#EBFAED, #9BF0DA, #4DB1C9, #945F7C, #29444B)
- Navy Terrace color palette (#D6FFF9, #6FEFFE, #00A8CB, #00639A, #00166D)
Browse the whole catalog at Explore, or see today's palette.