Petrol Terrace color palette — #EDF8F7 · #D9DDE8 · #6BAEDD · #007B94 · #0A3050
Teal and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Silver (#D9DDE8): a clean, paper-quiet neutral.
- Cornflower (#6BAEDD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007B94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0A3050): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Muted Turquoise color palette (#ECF8F5, #D2E0ED, #1BBCC2, #00816E, #00353C)
- Antique Basin color palette (#E1F2EF, #7AC5CD, #007486, #003E3C, #000305)
- Sky Canyon color palette (#FAF3F6, #C3E5FE, #77B5FF, #00A0A1, #31375B)
- Denim Corridor color palette (#D4E6E5, #82A7C4, #005891, #002936, #000105)
- Muted Villa color palette (#EDF7FF, #5EAFE4, #AD79E4, #009378, #001D32)
- Misty Terrace color palette (#E5FAFF, #5CCEF4, #009BCD, #005D89, #003659)
- Worn Cobalt color palette (#F9F0E8, #9BD0EC, #487EBD, #005B5C, #181D3E)
- Wandering Harbor color palette (#ECF7FF, #72CBF7, #7EB960, #0081AE, #133000)
Browse the whole catalog at Explore, or see today's palette.