Petrol Terrace color palette — #EBF5EC · #77CADB · #007DA1 · #00524D · #001C30
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#EBF5EC): a clean, paper-quiet neutral.
- Sky (#77CADB): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00524D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001C30): 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
- Wandering Sapphire color palette (#EBF5ED, #74C5FC, #006FD7, #004F5E, #0A1048)
- Quiet Petrol Study color palette (#FFF2EC, #50CAE1, #0075AE, #00583E, #1D2C6A)
- Azure Hollow color palette (#ECF4EE, #BFE2F8, #4694CF, #006B73, #1A2D45)
- Denim Workshop color palette (#D7E4D9, #5BA9BE, #006084, #003938, #000B1A)
- Timeworn Navy color palette (#E5F3E7, #4F7F9A, #003D6B, #001F23, #00000B)
- Timeworn Raspberry color palette (#F3D3E6, #C40095, #706600, #005B73, #200016)
- Quiet Quarry color palette (#E5DFF2, #D635BB, #00875B, #830071, #001C0F)
- Muted Coral color palette (#F5EBFF, #FFB1C3, #FF7C59, #813F92, #340B1E)
Browse the whole catalog at Explore, or see today's palette.