Petrol Terrace color palette — #F1F4E0 · #73C9E3 · #007DA2 · #005058 · #001D2C
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F4E0): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#73C9E3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007DA2): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Worn Hollow color palette (#F1F3EB, #A9D3B8, #0089AA, #005B5F, #00281B)
- Patina Aqua Drift color palette (#FFF0F9, #22CBF0, #0075AD, #00574D, #112F68)
- Sapphire Market color palette (#EFF5E4, #83C1FD, #006DDE, #004D6C, #031248)
- Soft Cerulean Parlor color palette (#E7FAF7, #6BDCFC, #009AC7, #00717B, #003751)
- Softworn Denim color palette (#DDE0D3, #6BA6BC, #006084, #003841, #000C18)
- Tempered Navy color palette (#EBEFE2, #4C7EA2, #003D6C, #001D29, #000106)
- Patina Moss Market color palette (#F4EFDF, #8C8C00, #00808E, #505000, #001A1E)
- Softworn Olive color palette (#EAF2D1, #6B7B00, #00756B, #803C00, #0D1000)
Browse the whole catalog at Explore, or see today's palette.