Periwinkle Basin color palette — #FAF4EB · #C5E0F1 · #7CA9E3 · #007C91 · #202B54

A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Powder Blue (#C5E0F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#7CA9E3): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007C91): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#202B54): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Periwinkle Basin 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

• Cypress Grove color palette (#F9F4EC, #B9E7EF, #56B5C9, #008269, #003445)
• Cobalt Boulevard color palette (#EFF8F0, #99CCF0, #4F7AB1, #005D6E, #2D385D)
• Periwinkle Delta color palette (#FAF4EE, #C3EADC, #8FAFFF, #00A09C, #4F2F3F)
• Timeworn Petrol Meadow color palette (#F5EDE0, #99C2A7, #007194, #003E3A, #000307)
• Ultramarine Basin color palette (#EAE5DC, #7EADA0, #124CB2, #002A35, #01000A)
• Blush Lagoon color palette (#EDF9EA, #54D7C7, #F179A3, #00897D, #461127)
• Hushed Studio color palette (#DFFFE3, #7DD6AC, #00AE90, #00635F, #002F32)
• Timeworn Lagoon color palette (#D5FFFF, #7EEAEB, #009BA4, #005455, #001414)

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