Petrol Field color palette — #FDE7F2 · #78C2E2 · #006AB4 · #003E3C · #010015
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#FDE7F2): A whisper-light, dusty rose — the color of pressed rose petals.
- Sky (#78C2E2): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006AB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Field 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
- Linen Lantern color palette (#FFF1F5, #9FD2FD, #5075D0, #005059, #0E0030)
- Denim Pier color palette (#EBDAE6, #69B0B4, #005E76, #002D1E, #000103)
- Hushed Lilac color palette (#EBF7FF, #B6CDFF, #B890D7, #005F64, #00061C)
- Antique Denim Lagoon color palette (#F7E6DB, #4A9ABC, #004B85, #00302F, #090B3A)
- Softworn Cobalt Bloom color palette (#EBEFDE, #75BBD8, #008EC4, #006B7B, #001527)
- Linen Basin color palette (#D0E8FF, #07A0F0, #00558A, #00182B, #000103)
- Chestnut Thicket color palette (#DBEEF6, #008BB2, #935600, #004257, #020100)
- Dusty Terracotta color palette (#E3F1FA, #007098, #903A00, #5B3C00, #000103)
Browse the whole catalog at Explore, or see today's palette.