Petrol Coast color palette — #FAE6E0 · #6FADB1 · #007FA8 · #006132 · #00081E
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#FAE6E0): A whisper-light, dusty orange — the color of sun-warmed clay.
- Blue Fog (#6FADB1): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007FA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006132): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#00081E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Coast 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
- Soft Sapphire color palette (#F1E4DB, #72A9C4, #3471D1, #005E55, #0A0027)
- Sunlit Studio color palette (#EADBD5, #61C0CD, #008DC5, #007147, #010D3B)
- Muted Denim color palette (#DFEDE2, #59A0A4, #006374, #003D31, #000B12)
- Ancient Lagoon color palette (#ECDEEA, #3A8689, #004258, #00210C, #000105)
- Muted Quarry color palette (#EBE2D8, #94C6EC, #748DDE, #007D7C, #270B4A)
- Scarlet Chapel color palette (#F0E1DA, #DA3F21, #008181, #9B1A00, #000808)
- Brick Terrace color palette (#FEEBE9, #C23134, #007289, #26517A, #070000)
- Dusty Chestnut Chapel color palette (#EFDDBD, #7C884B, #765C00, #622F00, #000501)
Browse the whole catalog at Explore, or see today's palette.