Weathered Cobalt color palette — #F7ECE4 · #89D0E8 · #128DD6 · #006D64 · #1A2B55

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

The five colors

• Cream (#F7ECE4): a clean, paper-quiet neutral.
• Sky (#89D0E8): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#128DD6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006D64): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1A2B55): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Powdered Forest Thicket color palette (#FCEBE2, #7CD7D2, #0097AD, #00703E, #003249)
• Timeworn Cypress Ridge color palette (#FBF4EE, #A2DDFF, #6F98CC, #007B7E, #32375C)
• Ancient Azure color palette (#EFF8F1, #D0DFFE, #009CE0, #00696C, #001E3F)
• Weathered Cobalt color palette (#FCECDD, #82B7E4, #5070C1, #005862, #1F1445)
• Airy Pine Balcony color palette (#FFF2EB, #99ECE8, #00AEC8, #16874E, #034562)
• Pale Mallow Atelier color palette (#D5FFE7, #B1D2FF, #CFA3EB, #1A8284, #452D48)
• Gentle Teal color palette (#CBF0EA, #00B1B8, #0082A1, #00527C, #0D2C5B)
• Periwinkle Garden color palette (#D8ECFF, #4EB0FF, #0081B7, #004B70, #001B2B)

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