Tempered Cobalt Pier color palette — #F2E7DC · #85BAE3 · #5165B0 · #004B4B · #1B0C2F

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Parchment (#F2E7DC): bright and airy, almost weightless.
• Sky (#85BAE3): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5165B0): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#1B0C2F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Cobalt Pier 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

• Aged Petrol color palette (#EDF0E6, #8CB7D9, #366BA2, #004C66, #182D50)
• Worn Market color palette (#F2E6E2, #74C3C6, #007699, #004F24, #001434)
• Cobalt Ridge color palette (#FAE9EF, #A0CAEA, #5E84D0, #006B73, #2A245A)
• Antique Grape Lagoon color palette (#E2E3C6, #5CA422, #6C3BB2, #285300, #190036)
• Navy Terrace color palette (#EDE0D7, #2F96BC, #004791, #002C26, #04001A)
• Dusty Cypress Thicket color palette (#F7F1EA, #C1EBF2, #B48FA8, #38767A, #442F37)
• Lagoon Bloom color palette (#EDDDD8, #00898E, #004257, #00210B, #000105)
• Patina Turquoise Balcony color palette (#F1ECC5, #74D8AA, #2FB7D6, #7D5326, #191B02)

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