Petrol Summit color palette — #FCF0DE · #70CAE3 · #007BA9 · #005250 · #001B33

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

The five colors

• Cream (#FCF0DE): A whisper-light, dusty gold — the color of old brass.
• Sky (#70CAE3): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007BA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005250): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001B33): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Summit 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

• Cobalt Cabin color palette (#FFF0F9, #78C5D9, #0073B6, #005842, #242C63)
• Tempered Cerulean Corridor color palette (#F8F1E6, #97DFDB, #0094A1, #006549, #002A35)
• Sapphire Atelier color palette (#FBF0E0, #90C1ED, #2168E5, #004F62, #110651)
• Denim Quarry color palette (#EEE7DB, #6BA6BC, #005E8B, #00393B, #000A1E)
• Cerulean Chapel color palette (#F5F1EB, #C9E3D9, #6591BF, #006A78, #3D203A)
• Timeworn Navy color palette (#F3EADC, #4D7EA0, #003A76, #001E25, #00000C)
• Feathered Azure Boulevard color palette (#FFF2EB, #D3E8FE, #24A0FB, #00755C, #191264)
• Linen Alley color palette (#EFF0DF, #787600, #006E91, #930062, #100F00)

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