Tempered Petrol Lagoon color palette — #F0F6FA · #D7D9E0 · #BABECF · #158198 · #3F4A4F

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D7D9E0): bright and airy, almost weightless.
• Ash (#BABECF): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#158198): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3F4A4F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Cypress color palette (#EBF8F6, #8EB9B6, #3F8364, #31626A, #294947)
• Timeworn Abyss color palette (#DBE5EC, #9CACB9, #69829C, #003E52, #001624)
• Tempered Ridge color palette (#EDF4FF, #AAB7D6, #797DA4, #81515F, #60434C)
• Denim Delta color palette (#ECF7FF, #C9D4DF, #96A8C0, #00618C, #1A364A)
• Antique Sapphire Balcony color palette (#F0F5FF, #DCD6E7, #B5BBD4, #455BD3, #37404F)
• Softworn Courtyard color palette (#E5FAFB, #659FC5, #4C6A9D, #6D3666, #2A3F54)
• Hazy Quarry color palette (#ECF7FF, #90E5FF, #61BDF1, #548BF1, #1C4563)
• Wandering Aubergine Parlor color palette (#EAEBF3, #B8B7C4, #8F8AA0, #5A1A8F, #1C1D31)

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