Petrol Terrace color palette — #F9F4ED · #C3E5D8 · #648DBD · #006E7F · #583E53
Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Celadon Mist (#C3E5D8): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#648DBD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#006E7F): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#583E53): A full-bodied, dusty pink — the color of neon signs at night.
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
- Dusty Cypress Delta color palette (#F8F4EE, #CBE3D5, #5D91B0, #007171, #1E5248)
- Iris Dune color palette (#F6F1EB, #C1E6D7, #688BD6, #126C66, #3B2430)
- Soft Cobalt Studio color palette (#FBF4EA, #A2D6F4, #2F84CB, #006570, #203C78)
- Periwinkle Terrace color palette (#FAF3F6, #D5DDF8, #86A3E5, #248B85, #41465F)
- Antique Bloom color palette (#EFF9EC, #5CB1A3, #C8667E, #007669, #642F3C)
- Washed Denim Orchard color palette (#F4ECE0, #63ACB5, #006178, #003F37, #002234)
- Wandering Courtyard color palette (#FBF4E9, #75C7CC, #007B90, #005748, #00384D)
- Tempered Lagoon color palette (#CDF4D2, #78BE9B, #009379, #006864, #005156)
Browse the whole catalog at Explore, or see today's palette.