Weathered Cornflower color palette — #FDF2F7 · #9CD8F4 · #377DDF · #00685C · #3D3966

Azure and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Powder Blue (#9CD8F4): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#377DDF): A full-bodied, vivid blue — the color of open sky before noon.
• Pine (#00685C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3D3966): 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 Cornflower 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

• Cerulean Corridor color palette (#FBF2F9, #9DDBDF, #008BB9, #006B3A, #223F6D)
• Wandering Cobalt Orchard color palette (#FBF0DF, #92DBFF, #3188CC, #00616A, #112446)
• Sapphire Delta color palette (#FFF1F6, #82C0E5, #1D58F9, #005651, #362366)
• Antique Iris color palette (#F2F7F1, #DADDEE, #8796CE, #40797A, #4E5069)
• Lagoon Balcony color palette (#E7DAE6, #3B8F91, #004357, #00240B, #00091B)
• Airy Powder Bloom color palette (#FDF3EC, #C5EBFF, #7FBAFF, #00A5A5, #323A6F)
• Dusty Navy color palette (#F8EAF1, #569AB3, #00498A, #003128, #10083A)
• Tempered Cornflower color palette (#FFF0FC, #F25947, #3372FF, #AE0A03, #193675)

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