Misty Brick Pier color palette — #DFF0FA · #0084A5 · #BF0032 · #004D61 · #260004

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

The five colors

• Frost (#DFF0FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0084A5): A full-bodied, balanced blue — the color of open sky before noon.
• Ruby (#BF0032): A full-bodied, vivid red — the color of late-summer berries.
• Peacock (#004D61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#260004): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Misty Brick 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

• Quiet Chestnut Harbor color palette (#CDEFFF, #0083AA, #9E4C00, #004C64, #1D0900)
• Plum Market color palette (#C5EADA, #008D6A, #BE0042, #00523D, #260007)
• Washed Scarlet color palette (#D8ECF6, #009EB4, #E43100, #006F7F, #240200)
• Aged Coast color palette (#DEF3E5, #006B7A, #8B1B00, #00333B, #240200)
• Washed Terracotta color palette (#D2F0FC, #00718D, #A22800, #633A00, #00090E)
• Chalky Plum Villa color palette (#CCF7FC, #008C72, #A22795, #005242, #21001D)
• Pale Sapphire color palette (#DAE5F2, #0067C7, #874300, #00376F, #0E0300)
• Sunlit Scarlet Ridge color palette (#C3ECFF, #2EBFF4, #D73E00, #007397, #551300)

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