Tempered Petrol Lagoon color palette — #FBEBDF · #7AC2E2 · #3066B1 · #003F37 · #030011

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

The five colors

• Cream (#FBEBDF): A whisper-light, dusty gold — the color of old brass.
• Sky (#7AC2E2): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#3066B1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F37): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#030011): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Pale Harbor color palette (#FFF3E6, #A9D1F3, #5F70D2, #005153, #140029)
• Ancient Chapel color palette (#EFDAD3, #60B1B7, #005D7D, #002D16, #000106)
• Wandering Navy color palette (#F2E1E9, #419BBE, #004792, #003129, #130141)
• Cobalt Coast color palette (#DBE6DD, #7CBAD6, #008AD5, #006C74, #001134)
• Ancient Grape Harbor color palette (#F4EFDD, #848300, #7939D1, #3F3F00, #020007)
• Weathered Periwinkle Delta color palette (#FDF3EB, #C3E6F8, #84A6E6, #008077, #422234)
• Seafoam Corridor color palette (#EBF0C2, #8EE6A5, #2EAFBD, #743F00, #000400)
• Tempered Studio color palette (#FAE1D4, #AE8000, #534F00, #122B00, #000401)

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