Tempered Periwinkle color palette — #F1F7F2 · #BFD8ED · #6398DA · #00798D · #2D385E

Built around Cornflower, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#BFD8ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#6398DA): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00798D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2D385E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Periwinkle 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 Cypress color palette (#EFF8F0, #AFDDEC, #41A4B8, #007E66, #004156)
• Cobalt Archive color palette (#FBF3F6, #ADC9DF, #5874BE, #00605D, #343855)
• Weathered Petrol color palette (#E3EEE5, #5DAFC1, #007093, #004A46, #001527)
• Wandering Powder color palette (#FCF4EC, #C1E6FF, #97B0EC, #3E9D98, #3D3358)
• Muted Amber color palette (#E2E1FF, #AB82C6, #BA7913, #008985, #292746)
• Wandering Denim Summit color palette (#D8E1DA, #6F97BB, #2A55A1, #003948, #05002C)
• Hushed Cabin color palette (#F4F4FF, #E5D8FD, #FAA5B1, #8A80D4, #443D60)
• Frosted Grape Bloom color palette (#E0E7FF, #A09CE7, #916FDD, #7A329C, #4B2450)

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