Petrol Coast color palette — #D5EAE1 · #007BA8 · #3F293F · #0C241C · #05100E

Cerulean and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D5EAE1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#007BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3F293F): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#0C241C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#05100E): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Cypress Loft color palette (#DFE8DC, #008378, #23382A, #162312, #06100A)
• Washed Cobalt color palette (#FBEDF8, #637BB5, #48363F, #322230, #131C1D)
• Dusty Azure Thicket color palette (#D6E7F4, #009CCF, #414D67, #1F303C, #111A1D)
• Sky Canyon color palette (#D2E8F9, #16B8F8, #5F7188, #3F4B54, #13191D)
• Charred Denim Meadow color palette (#FAE0FB, #0058AE, #191743, #000C23, #000204)
• Smoked Lapis Bloom color palette (#F5DEEA, #684EC7, #362041, #181036, #18060B)
• Deep Loft color palette (#D1F7EB, #003C62, #081317, #020228, #000205)
• Patina Pine Basin color palette (#FFF0FA, #7683C6, #B2614D, #1B7C4A, #492E41)

Browse the whole catalog at Explore, or see today's palette.