Petrol Basin color palette — #DBE9DE · #87BBC9 · #008493 · #005B45 · #00242F
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#DBE9DE): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#87BBC9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#008493): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B45): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00242F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Basin 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
- Antique Petrol Lagoon color palette (#D8E6DB, #50B0C8, #007096, #004A48, #001528)
- Weathered Thicket color palette (#E7F2E9, #9FCCE0, #3292B5, #006D65, #00314D)
- Washed Boulevard color palette (#FAF4EB, #95DAD9, #008A9A, #00533F, #000F16)
- Tempered Workshop color palette (#BFE8F8, #7CC8E7, #729AF2, #007B69, #002B35)
- Tempered Summit color palette (#D5E3D7, #8AB7DA, #2E73CF, #005768, #131946)
- Dusty Pine color palette (#EADBD6, #73D2D0, #00A2C7, #0D832C, #00203F)
- Patina Lagoon color palette (#F0F8F1, #CBE0FB, #70B0C4, #43897C, #224D64)
- Misty Crimson color palette (#DCEDF2, #00999D, #D12347, #005F61, #3A000B)
Browse the whole catalog at Explore, or see today's palette.