Sapphire Lagoon color palette — #F5EDE2 · #8DBDAC · #0068BD · #004E5A · #1F2C4E

Royal Blue and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Mint Leaf (#8DBDAC): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#0068BD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#1F2C4E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Sapphire 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 Petrol color palette (#F4EDE3, #7FBDC5, #00748D, #005146, #003249)
• Washed Cobalt color palette (#F9F4ED, #A6CFC4, #5376BD, #005C74, #4E2F44)
• Aged Petrol Market color palette (#F1E7DE, #81BBDF, #4A68AB, #004C47, #180E30)
• Antique Periwinkle Drift color palette (#DFF3F2, #B5D8F4, #63ABE8, #008CAF, #0E2E52)
• Cerulean Veranda color palette (#F5ECDF, #459CB6, #005072, #003030, #00142B)
• Bronze Studio color palette (#F0DAC5, #B86700, #0072A4, #6C3B00, #002D43)
• Hushed Boulevard color palette (#F9F4ED, #C5E6CE, #3097B9, #007268, #2F4F45)
• Patina Ash color palette (#F8F5EF, #CAE6E9, #7E9BC5, #427786, #614A5B)

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